<script setup lang="js">
// 路由实例
import {useBookDetailApi} from "~/apis/book.js";

const route = useRoute()

// 结构路由参数
const {id, book_id} = route.params

// 调用接口
const {data, error, pending} = await useBookDetailApi(id, book_id);

// 修改页面标题
const title = computed(() => data.value ? data.value.title : '电子书详情页');

// 修改页面标题方法
useHead({title: title});

// 中间件
definePageMeta({
  // 将中间件定义为函数
  middleware: [
    function (to, from) {
      if (isNaN(+to.params.id)) {
        return abortNavigation("页面不存在")
      }
      return true;
    }
  ],
})
</script>

<template>
  <LoadingGroup :pending="pending" :error="error">
    <div v-if="data" v-html="data.content"></div>
  </LoadingGroup>
</template>

<style scoped>

</style>